{% load extras %}
<!DOCTYPE html>
<html lang="zh_CN">
<head>
  <meta charset="UTF-8">
  <link rel="shortcut icon" href="{{ 'common/img/favicon.ico'|static_url }}">
  <title>MongoDB 学习DEMO</title>
  <script type="text/javascript" src="{{ 'plugin/jquery/jquery-3.1.1.js'|static_url }}"></script>
  <script type="text/javascript" src="{{ 'plugin/bootstrap/js/bootstrap.js'|static_url }}"></script>
  <script type="text/javascript" src="{{ 'plugin/bootstrap-table/bootstrap-table.js'|static_url }}"></script>
  <script type="text/javascript" src="{{ 'plugin/bootstrap-table/bootstrap-table.zh_CN.js'|static_url }}"></script>
  <link rel="stylesheet" type="text/css" href="{{ 'plugin/bootstrap/css/bootstrap.min.css'|static_url }}" >
  <link rel="stylesheet" type="text/css" href="{{ 'css/upload.css'|static_url }}" >
  <link rel="stylesheet" type="text/css" href="{{ 'plugin/bootstrap-table/bootstrap-table.min.css'|static_url }}" >
  <style>
    .text-blue{color:#337AB7;}
    .w90{width: 90px}
  </style>
</head>
<body>
<!-- ./nav start -->
<nav class="navbar navbar-inverse" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">MongoDB 学习DEMO</a>
    </div>
    <div>
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">MongoDB 基础概念</a></li>
        <li><a href="#">MongoDB 基础了解</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            MongoDB 相关操作 <b class="caret"></b>
          </a>
          <ul class="dropdown-menu">
            <li><a href="#">列表</a></li>
            <li><a href="#">添加</a></li>
            <li><a href="#">查看</a></li>
            <li class="divider"></li>
            <li><a href="#">修改</a></li>
            <li class="divider"></li>
            <li><a href="#">删除</a></li>
          </ul>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            文件上传 <b class="caret"></b>
          </a>
          <ul class="dropdown-menu">
             <li><a href="/mngadmin/to_upload/">上传文件</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</nav><!-- ./ end nav -->
<!-- main-container start -->
<div class="iner-fluid main-container">
  <div class="panel-body" style="padding-bottom:0px;">
    <div class="panel panel-default">
      <div class="panel-heading">文件上传</div>
      <div class="panel-body">
        <form id="chat_file_form" class="form-inline">
          {% csrf_token %}
          <div class="form-group">
            <label class="sr-only" for="chat_file">文件上传</label>
            <div class="input-group">
              <input type="file" class="form-control" id="chat_file" placeholder="请选择文件..." name="chat-file">
              <input type="hidden" id="file_path" value="">
            </div>
          </div>
          <button type="button" class="btn btn-success w90" id="upload-btn">上传</button>
          <button type="button" class="btn btn-primary w90" id="download-btn">下载</button>
        </form>
      </div>
    </div>
  </div>
</div><!-- ./end main-container-->
<script type="text/javascript" src="{{ 'js/category_upload.js'|static_url }}"></script>
<!-- loading start -->
<div class="modal fade" id="loading" tabindex="-1" role="dialog">
  <div class="modal-body">
    <div class="loadEffect">
      <span></span>
      <span></span>
      <span></span>
      <span></span>
      <span></span>
      <span></span>
      <span></span>
      <span></span>
    </div>
    <div class="loading-text" id="loading_text"></div>
  </div>
</div><!-- ./end loading -->
<!-- affirm -->
<div id="affirm_box">
{#    <div id="title_box"><span id="title_text">提醒</span>#}
{#      <span id="affirm_close">&times;</span>#}
{#    </div>#}
  <div id="content_box"></div>
</div><!--./end -->
</body>
</html>